import type { Metadata } from 'next';
import Link from 'next/link';
import { notFound, permanentRedirect } from 'next/navigation';
import { ExternalLink } from 'lucide-react';
import { PageHeader, Section, KV, Note } from '@/components/ui/section';
import { Badge, ClaimBadge } from '@/components/ui/badge';
import { EmptyState } from '@/components/ui/empty-state';
import { Freshness } from '@/components/ui/freshness';
import { Pager } from '@/components/ui/pager';
import { SourceBadge } from '@/components/ui/source-badge';
import { ApprovalsTable } from '@/components/data/approvals-table';
import { EvidenceTable } from '@/components/data/evidence-table';
import { TrialTable } from '@/components/data/trial-list';
import { PublicationList } from '@/components/data/publication-list';
import { GraphLink } from '@/components/graph/graph-link';
import {
  getBiomarkerBySlug,
  biomarkerGenes,
  biomarkerVariants,
  biomarkerCancers,
  biomarkerDrugs,
  biomarkerEvidence,
  biomarkerEvidenceCount,
  biomarkerApprovals,
  biomarkerTrialCounts,
  biomarkerActiveTrials,
  literatureScope,
  noScopeReason,
  kindLabel,
  BIOMARKER_LINKS_FORMULA,
} from '@/lib/queries/biomarkers';
import { EVIDENCE_PAGE_SIZE, EVIDENCE_LEVEL_LABEL } from '@/lib/queries/evidence';
import { TRIAL_PAGE_SIZE } from '@/lib/queries/trials';
import { recentPublicationsFor, recentPublicationsForCount, PUBLICATION_PAGE_SIZE } from '@/lib/queries/publications';
import { loadProvenance } from '@/lib/queries/provenance';
import { jsonLd } from '@/lib/seo';
import { SITE_URL } from '@/lib/site';
import { fmtDate, fmtInt, humanize } from '@/lib/format';
import { pageInfo } from '@/lib/pagination';
import { int, str, withParams, type SP } from '@/lib/search-params';

export const revalidate = 3600;

export async function generateMetadata({ params }: { params: Promise<{ slug: string }> }): Promise<Metadata> {
  const b = await getBiomarkerBySlug((await params).slug);
  return b ? { title: `${b.name} — biomarker`, description: b.description ?? `${b.name}: what is measured, associated cancers, drugs with predictive evidence, approvals and trials.`, alternates: { canonical: `/biomarker/${b.slug}` } } : { title: 'Biomarker' };
}

const EVS = (code: string) => `https://evsexplore.semantics.cancer.gov/evsexplore/concept/ncit/${code}`;

export default async function BiomarkerPage({ params, searchParams }: { params: Promise<{ slug: string }>; searchParams: Promise<SP> }) {
  const { slug } = await params;
  const b = await getBiomarkerBySlug(slug);
  if (!b) notFound();
  if (b.slug !== slug) permanentRedirect(`/biomarker/${b.slug}`);
  const sp = await searchParams;
  const m = b.measurement;
  const hasScope = b.gene_ids.length > 0 || b.variant_ids.length > 0;
  const reason = noScopeReason(b);
  const lit = literatureScope(b);

  const [evTotal, trialCounts, pTotal] = await Promise.all([hasScope ? biomarkerEvidenceCount(b, 'PREDICTIVE') : Promise.resolve(0), hasScope ? biomarkerTrialCounts(b) : Promise.resolve({ total: 0, active: 0, recruiting: 0, phase3: 0 }), lit.ids.length ? recentPublicationsForCount(lit.entityType, lit.ids) : Promise.resolve(0)]);
  const ev = pageInfo(int(sp, 'evPage', 1, 1, 100_000), EVIDENCE_PAGE_SIZE, evTotal);
  const tp = pageInfo(int(sp, 'tPage', 1, 1, 100_000), TRIAL_PAGE_SIZE, trialCounts.active);
  const pp = pageInfo(int(sp, 'pPage', 1, 1, 100_000), PUBLICATION_PAGE_SIZE, pTotal);
  const aPage = int(sp, 'aPage', 1, 1, 100_000);

  const [genes, variants, cancers, drugs, evidence, approvals, trials, pubs] = await Promise.all([
    biomarkerGenes(b),
    biomarkerVariants(b),
    hasScope ? biomarkerCancers(b) : Promise.resolve([]),
    hasScope ? biomarkerDrugs(b) : Promise.resolve([]),
    evTotal ? biomarkerEvidence(b, { type: 'PREDICTIVE', page: ev.page, pageSize: ev.pageSize }) : Promise.resolve([]),
    biomarkerApprovals(b),
    trialCounts.active ? biomarkerActiveTrials(b, { page: tp.page, pageSize: tp.pageSize }) : Promise.resolve([]),
    pTotal ? recentPublicationsFor(lit.entityType, lit.ids, { page: pp.page, pageSize: pp.pageSize }) : Promise.resolve([]),
  ]);
  const prov = await loadProvenance([...evidence.map((e) => e.provenance_id), ...approvals.map((a) => a.provenance_id)]);

  const jurisdictions = [...new Set(approvals.map((a) => a.jurisdiction))].sort();
  const wanted = str(sp, 'jurisdiction');
  const selected = jurisdictions.includes(wanted) ? wanted : null;
  const shownApprovals = selected ? approvals.filter((a) => a.jurisdiction === selected) : approvals;
  const tumorAgnosticRows = approvals.filter((a) => a.tumor_agnostic);
  const byIndication = approvals.filter((a) => a.matched_by === 'indication').length;

  const current = { jurisdiction: selected ?? '', evPage: ev.page > 1 ? ev.page : '', tPage: tp.page > 1 ? tp.page : '', pPage: pp.page > 1 ? pp.page : '', aPage: aPage > 1 ? aPage : '' };
  const href = (o: Record<string, string | number | null | undefined>, hash?: string) => `/biomarker/${b.slug}${withParams(current, o)}${hash ? `#${hash}` : ''}`;
  const aliases = m.aliases ?? [];

  const ld: Record<string, unknown> = { '@context': 'https://schema.org', '@type': 'MedicalTest', name: b.name, url: `${SITE_URL}/biomarker/${b.slug}` };
  if (b.description) ld.description = b.description;
  if (aliases.length) ld.alternateName = aliases.slice(0, 20);
  if (b.ncit_code) ld.code = [{ '@type': 'MedicalCode', codeValue: b.ncit_code, codingSystem: 'NCIt' }];
  if (m.assays?.length) ld.usesDevice = m.assays.map((a) => ({ '@type': 'MedicalDevice', name: a }));

  const computedNote = (rule: string) => (
    <span className="inline-flex flex-wrap items-center gap-1.5 text-[12px] text-ink-3">
      <ClaimBadge kind="computed" />
      <span title={rule}>
        rule <span className="ci-mono">{BIOMARKER_LINKS_FORMULA}</span>
      </span>
    </span>
  );

  return (
    <article>
      <script type="application/ld+json" dangerouslySetInnerHTML={{ __html: jsonLd(ld) }} />
      <PageHeader kicker={`Biomarker · ${kindLabel(b.kind)}`} title={b.name} lede={b.description ?? undefined}>
        <p className="mt-2 flex flex-wrap items-center gap-2 text-[12.5px]">
          <span className="ci-mono text-ink-3">{b.id}</span>
          {genes.map((g) => (
            <span key={g.id} className="inline-flex items-center gap-1">
              <Link className="ci-link ci-mono" href={`/gene/${g.symbol}`}>
                {g.symbol}
              </Link>
              <GraphLink type="gene" entityRef={g.symbol} label="graph →" />
            </span>
          ))}
          {b.ncit_code ? (
            <a className="ci-link inline-flex items-center gap-1" href={EVS(b.ncit_code)} target="_blank" rel="noopener noreferrer" title={m.ncit?.name ? `NCIt preferred name: ${m.ncit.name}` : undefined}>
              NCIt {b.ncit_code} <ExternalLink className="h-3 w-3" aria-hidden />
            </a>
          ) : null}
          {tumorAgnosticRows.length ? (
            <Badge tone="accent" title={`${tumorAgnosticRows.length} approval row${tumorAgnosticRows.length === 1 ? '' : 's'} flagged tumor_agnostic by the source (listed below)`}>
              Tumor-agnostic · {tumorAgnosticRows.length} approval row{tumorAgnosticRows.length === 1 ? '' : 's'}
            </Badge>
          ) : m.tumorAgnostic ? (
            <Badge tone="outline" title="Curated flag: an FDA tissue-agnostic indication exists for this marker, but no approval row with tumor_agnostic = true is ingested yet">
              Tumor-agnostic (curated) · no approval row ingested yet
            </Badge>
          ) : null}
        </p>
        {aliases.length ? (
          <p className="mt-1 text-[12.5px] text-ink-3">
            <span className="ci-kicker mr-2">Also called</span>
            {aliases.join(' · ')}
          </p>
        ) : null}
      </PageHeader>

      {tumorAgnosticRows.length ? (
        <section id="tumor-agnostic" aria-labelledby="tumor-agnostic-title" className="ci-rule mb-6 pt-4">
          <p className="ci-kicker mb-1">Tissue-agnostic indications</p>
          <h2 id="tumor-agnostic-title" className="text-lg">
            Approval rows flagged tumor-agnostic ({tumorAgnosticRows.length})
          </h2>
          <ul className="ci-rows mt-2">
            {tumorAgnosticRows.map((a) => (
              <li key={a.id}>
                <span>
                  <Link className="ci-link" href={`/drug/${a.drug_slug}#approvals`}>
                    {a.drug_name}
                  </Link>{' '}
                  <span className="ci-mono">{a.jurisdiction}</span> <span className="text-ink-3">{a.authority}</span> · {fmtDate(a.approval_date)} · <Badge tone="outline">{a.matched_by === 'indication' ? 'matched on indication text' : a.matched_by === 'both' ? 'drug + indication text' : 'drug in derived set'}</Badge>
                </span>
                <span className="text-[12px] text-ink-3">
                  <ClaimBadge kind="regulatory" /> {a.status}
                </span>
              </li>
            ))}
          </ul>
          <p className="mt-2 text-[12px] text-ink-3">The flag is the source's (openFDA label text), never inferred; the full indication text of each row is in the Approvals section below.</p>
        </section>
      ) : null}

      <div className="grid gap-8 lg:grid-cols-[1fr_320px]">
        <div className="space-y-8">
          <Section id="cancers" kicker="Derived" title={`Associated cancers (${fmtInt(cancers.length)})`} description="Cancers mapped in ACCEPTED CIViC predictive, prognostic or diagnostic items whose variant (molecular markers) or gene (gene-level markers) is in this biomarker's scope. Counts by type and native level; each row links to the cancer's evidence tab." actions={computedNote('Associated cancers = distinct mapped cancer_id of in-scope CIViC evidence (status ACCEPTED; types PREDICTIVE, PROGNOSTIC, DIAGNOSTIC).')}>
            {cancers.length ? (
              <div className="ci-table-wrap">
                <table className="ci-table">
                  <thead>
                    <tr>
                      <th scope="col">Cancer</th>
                      <th scope="col" className="num">Items</th>
                      <th scope="col" className="num">Predictive</th>
                      <th scope="col" className="num">Prognostic</th>
                      <th scope="col" className="num">Diagnostic</th>
                      <th scope="col" title="CIViC evidence levels as curated: A validated · B clinical · C case study · D preclinical · E inferential">Levels A / B / C / D / E</th>
                    </tr>
                  </thead>
                  <tbody>
                    {cancers.map((c) => (
                      <tr key={c.cancer_id}>
                        <td className="min-w-[220px]">
                          <Link className="ci-link" href={`/cancer/${c.slug}/evidence`}>
                            {c.name}
                          </Link>
                        </td>
                        <td className="num">{fmtInt(c.n)}</td>
                        <td className="num">{c.predictive || '—'}</td>
                        <td className="num">{c.prognostic || '—'}</td>
                        <td className="num">{c.diagnostic || '—'}</td>
                        <td className="ci-num whitespace-nowrap text-[12.5px]">
                          {[c.level_a, c.level_b, c.level_c, c.level_d, c.level_e].map((n, i) => (
                            <span key={i} className={n ? '' : 'text-ink-4'} title={EVIDENCE_LEVEL_LABEL[['A', 'B', 'C', 'D', 'E'][i]!]}>
                              {i > 0 ? ' / ' : ''}
                              {n}
                            </span>
                          ))}
                        </td>
                      </tr>
                    ))}
                  </tbody>
                </table>
              </div>
            ) : (
              <EmptyState compact knows={genes.map((g) => ({ label: `Gene ${g.symbol}`, href: `/gene/${g.symbol}` }))}>
                {reason ?? 'No ACCEPTED CIViC predictive, prognostic or diagnostic item maps a cancer to this biomarker yet.'}
              </EmptyState>
            )}
          </Section>

          <Section id="drugs" kicker="Derived" title={`Drugs with predictive evidence (${fmtInt(drugs.length)})`} description="Therapies named in in-scope PREDICTIVE CIViC items, plus targets of PREDICTS_RESPONSE_TO knowledge edges from in-scope variants. Sensitivity and resistance are counted separately and never merged into a verdict." actions={computedNote('Drug set = therapy_ids of in-scope PREDICTIVE evidence ∪ targets of active PREDICTS_RESPONSE_TO knowledge edges whose source variant is in scope.')}>
            {drugs.length ? (
              <>
                <div className="ci-table-wrap">
                  <table className="ci-table">
                    <thead>
                      <tr>
                        <th scope="col">Drug</th>
                        <th scope="col" className="num" title="PREDICTIVE CIViC items in scope naming this therapy">CIViC items</th>
                        <th scope="col" className="num" title="Items with significance SENSITIVITY/RESPONSE">Sensitivity</th>
                        <th scope="col" className="num" title="Items with significance RESISTANCE">Resistance</th>
                        <th scope="col" title="Best (lowest letter) native CIViC level among those items">Best level</th>
                        <th scope="col" className="num" title="Active PREDICTS_RESPONSE_TO knowledge edges (sensitivity / resistance)">Edges (S / R)</th>
                        <th scope="col">Cancer context</th>
                      </tr>
                    </thead>
                    <tbody>
                      {drugs.map((d) => (
                        <tr key={d.drug_id}>
                          <td className="min-w-[180px]">
                            <Link className="ci-link font-medium" href={`/drug/${d.slug}`}>
                              {d.name}
                            </Link>
                            {d.kind ? <span className="block text-[11px] text-ink-3">{humanize(d.kind)}</span> : null}
                          </td>
                          <td className="num">{d.evidence_n || '—'}</td>
                          <td className="num">{d.sensitivity ? <Badge tone="ok">{d.sensitivity}</Badge> : '—'}</td>
                          <td className="num">{d.resistance ? <Badge tone="danger">{d.resistance}</Badge> : '—'}</td>
                          <td>{d.best_level ? <abbr title={EVIDENCE_LEVEL_LABEL[d.best_level] ?? d.best_level}>{d.best_level}</abbr> : '—'}</td>
                          <td className="num ci-num">
                            {d.edge_n ? (
                              <>
                                {d.edge_sensitivity} / {d.edge_resistance}
                              </>
                            ) : (
                              '—'
                            )}
                          </td>
                          <td className="max-w-[360px] text-[12.5px]">
                            {d.cancer_slugs.length ? (
                              d.cancer_slugs.slice(0, 4).map((s, i) => (
                                <span key={s}>
                                  {i > 0 ? ', ' : ''}
                                  <Link className="ci-link" href={`/cancer/${s}`}>
                                    {d.cancer_names[i]}
                                  </Link>
                                </span>
                              ))
                            ) : (
                              <span className="text-ink-3">—</span>
                            )}
                            {d.cancer_slugs.length > 4 ? <span className="text-ink-3"> +{d.cancer_slugs.length - 4}</span> : null}
                          </td>
                        </tr>
                      ))}
                    </tbody>
                  </table>
                </div>
                <div className="mt-2 flex flex-wrap items-center gap-1.5 text-[12px] text-ink-3">
                  <ClaimBadge kind="curated" />
                  <SourceBadge p={{ sourceSlug: 'civic', sourceName: 'CIViC', layer: 'canonical' }} /> items and knowledge edges as curated at the source.
                </div>
              </>
            ) : (
              <EmptyState compact>{reason ?? 'No PREDICTIVE CIViC item or knowledge edge links a therapy to this biomarker yet.'}</EmptyState>
            )}
          </Section>

          <Section id="evidence" kicker="Curated evidence" title={`Predictive evidence items (${fmtInt(evTotal)})`} description={`ACCEPTED CIViC predictive items in scope, grouped by molecular profile and therapy with native level, direction and cancer context. ${EVIDENCE_PAGE_SIZE} per page.`}>
            {evidence.length ? (
              <>
                <EvidenceTable
                  items={evidence}
                  prov={prov}
                  showCancer
                  summary={
                    <>
                      Showing {fmtInt(ev.from)}–{fmtInt(ev.to)} of {fmtInt(evTotal)} evidence items
                    </>
                  }
                />
                <Pager total={evTotal} pageSize={ev.pageSize} page={ev.page} hrefFor={(p) => href({ evPage: p > 1 ? p : '' }, 'evidence')} label="Evidence pages" noun="evidence items" />
              </>
            ) : (
              <EmptyState compact>{reason ?? 'No ACCEPTED predictive evidence item in scope.'}</EmptyState>
            )}
          </Section>

          <Section id="approvals" kicker="Regulatory" title={`Approvals mentioning the linked drugs (${fmtInt(approvals.length)})`} description="Approval records of the derived drug set, plus records whose indication text names this biomarker. Each record names its authority, jurisdiction, indication text and status — a drug approved in one jurisdiction for one indication is not 'approved' in general, and an approval listed here is not necessarily restricted to this biomarker." actions={computedNote(`Approvals = drug_approvals rows whose drug is in the derived set (matched by drug) or whose indication text contains a curated phrase (${(m.indicationTerms ?? []).join(' | ') || 'none'}).`)}>
            {approvals.length ? (
              <>
                <nav aria-label="Jurisdiction" className="mb-3 flex flex-wrap gap-1.5 text-[12.5px]">
                  <Link href={href({ jurisdiction: '', aPage: '' }, 'approvals')} aria-current={!selected ? 'page' : undefined} className="ci-chip">
                    All
                  </Link>
                  {jurisdictions.map((j) => (
                    <Link key={j} href={href({ jurisdiction: j, aPage: '' }, 'approvals')} aria-current={selected === j ? 'page' : undefined} className="ci-chip ci-mono">
                      {j}
                    </Link>
                  ))}
                </nav>
                <ApprovalsTable rows={shownApprovals} prov={prov} page={aPage} hrefFor={(p) => href({ aPage: p > 1 ? p : '' }, 'approvals')} />
                <p className="mt-2 text-[12px] text-ink-3">
                  {byIndication ? `${byIndication} record${byIndication === 1 ? '' : 's'} matched on indication text only (drug not in the derived set). ` : ''}
                  Health Canada DIN rows carry no indication text and only match by drug.
                </p>
              </>
            ) : (
              <EmptyState compact knows={[{ label: 'Approvals explorer', href: '/approvals' }]}>
                No approval record reaches this biomarker through its derived drugs or indication text. Absence here is not evidence of absence: only ingested jurisdictions are covered.
              </EmptyState>
            )}
          </Section>

          <Section id="trials" kicker="Clinical trials" title={`Active trials (${fmtInt(trialCounts.active)})`} description={hasScope ? `Trials with an active ClinicalTrials.gov status, an intervention mapped to a derived drug and a condition mapped to an associated cancer. ${fmtInt(trialCounts.recruiting)} recruiting · ${fmtInt(trialCounts.phase3)} active phase 3 · ${fmtInt(trialCounts.total)} in any status. Most recently updated first, ${TRIAL_PAGE_SIZE} per page.` : undefined} actions={computedNote('Trials = clinical_trials with trial_interventions.drug_id in the derived drug set AND trial_conditions.cancer_id in the associated cancers; active = RECRUITING, NOT_YET_RECRUITING, ENROLLING_BY_INVITATION, ACTIVE_NOT_RECRUITING.')}>
            {trials.length ? (
              <>
                <TrialTable
                  rows={trials}
                  summary={
                    <>
                      Showing {fmtInt(tp.from)}–{fmtInt(tp.to)} of {fmtInt(trialCounts.active)} active studies
                    </>
                  }
                />
                <Pager total={trialCounts.active} pageSize={tp.pageSize} page={tp.page} hrefFor={(p) => href({ tPage: p > 1 ? p : '' }, 'trials')} label="Trial pages" noun="studies" />
                <p className="mt-2 text-[12px] text-ink-3">A study listed here tests a linked drug in a linked cancer; it does not necessarily select participants on this biomarker.</p>
              </>
            ) : (
              <EmptyState compact knows={[{ label: 'Trials explorer', href: '/trials' }]}>
                {reason ?? 'No active registered study combines a derived drug with an associated cancer.'}
              </EmptyState>
            )}
          </Section>

          <Section id="publications" kicker="Literature" title={`Linked publications (${fmtInt(pTotal)})`} description={pTotal ? `Publications linked to the scope ${lit.entityType === 'variant' ? 'variant(s)' : 'gene(s)'} through PubMed entity edges; ${PUBLICATION_PAGE_SIZE} per page, newest first.` : undefined}>
            {pubs.length ? (
              <>
                <PublicationList
                  rows={pubs}
                  summary={
                    <>
                      Showing {fmtInt(pp.from)}–{fmtInt(pp.to)} of {fmtInt(pTotal)} publications
                    </>
                  }
                />
                <Pager total={pTotal} pageSize={pp.pageSize} page={pp.page} hrefFor={(p) => href({ pPage: p > 1 ? p : '' }, 'publications')} label="Publication pages" noun="publications" />
              </>
            ) : (
              <EmptyState compact>{reason ?? `No publication is linked to the scope ${lit.entityType === 'variant' ? 'variants' : 'genes'} yet.`}</EmptyState>
            )}
          </Section>
        </div>

        <aside className="space-y-8">
          <Section id="measurement" kicker="What is measured" title="Measurement" level={3}>
            <KV
              items={[
                { k: 'Kind', v: kindLabel(b.kind) },
                { k: 'Assays', v: m.assays?.length ? m.assays.join(', ') : null },
                { k: 'Scoring', v: m.scoring },
                { k: 'Notes', v: m.notes },
                { k: 'NCIt concept', v: b.ncit_code ? (
                    <a className="ci-link inline-flex items-center gap-1" href={EVS(b.ncit_code)} target="_blank" rel="noopener noreferrer">
                      {m.ncit?.name ?? b.ncit_code} <span className="ci-mono text-ink-3">{b.ncit_code}</span> <ExternalLink className="h-3 w-3" aria-hidden />
                    </a>
                  ) : null },
                { k: 'Genes', v: genes.length ? (
                    <span>
                      {genes.map((g, i) => (
                        <span key={g.id}>
                          {i > 0 ? ', ' : ''}
                          <Link className="ci-link ci-mono" href={`/gene/${g.symbol}`}>
                            {g.symbol}
                          </Link>
                          {g.name ? <span className="text-ink-3"> {g.name}</span> : null}
                        </span>
                      ))}
                    </span>
                  ) : <span className="text-ink-3">none (see notes)</span> },
                { k: 'Variant anchors', v: variants.length ? (
                    <span>
                      {variants.map((v, i) => (
                        <span key={v.id}>
                          {i > 0 ? ', ' : ''}
                          <Link className="ci-link" href={`/variant/${v.slug}`}>
                            {v.gene_symbol ? `${v.gene_symbol} ` : ''}
                            {v.name}
                          </Link>
                        </span>
                      ))}
                    </span>
                  ) : null },
                { k: 'Indication phrases', v: m.indicationTerms?.length ? <span className="text-[12.5px]">{m.indicationTerms.join(' · ')}</span> : null },
              ]}
            />
            {m.sources?.length ? (
              <div className="mt-3">
                <p className="ci-kicker mb-1">Sources</p>
                <ul className="m-0 list-none space-y-0.5 p-0 text-[12.5px]">
                  {m.sources.map((s) => (
                    <li key={s.url}>
                      <a className="ci-link inline-flex items-center gap-1" href={s.url} target="_blank" rel="noopener noreferrer">
                        {s.label} <ExternalLink className="h-3 w-3" aria-hidden />
                      </a>
                    </li>
                  ))}
                </ul>
              </div>
            ) : null}
            <div className="mt-3 flex flex-wrap items-center gap-1.5 text-[12px] text-ink-3">
              <ClaimBadge kind="curated" />
              <SourceBadge p={{ sourceSlug: 'ncit-evs', sourceName: 'NCI Thesaurus (NCIt)', dataset: m.verification ? `EVS REST API, NCIt ${m.verification.ncitVersion}` : undefined, retrievedAt: m.verification?.verifiedAt ?? null, layer: 'canonical', note: 'Identity metadata curated by CancerIndex; the NCIt code was fetched from the EVS REST API.' }} />
            </div>
            <Freshness dataUpdatedAt={b.updated_at} sourceVersion={m.verification ? `NCIt ${m.verification.ncitVersion}` : null} extra={m.verification ? `code verified ${m.verification.verifiedAt}` : undefined} />
          </Section>
          <Note>
            A biomarker page describes what a test measures and lists the source records that mention it. It does not grade clinical utility, set thresholds or give individual guidance. Derived counts follow rule <span className="ci-mono">{BIOMARKER_LINKS_FORMULA}</span> —{' '}
            <Link className="ci-link" href="/methodology#biomarkers">
              methodology
            </Link>
            .
          </Note>
        </aside>
      </div>
    </article>
  );
}